﻿<!DOCTYPE html>
<html>
<head>
    <title>CSS homework 2</title>
	<link rel="stylesheet" type="text/css" href="css/table.css"> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
	<form>
		<table>
			<colgroup>
				<col class="firstcol">
				<col class="secondcol">
				<col class="thirdcol">
				<col class="fourthcol">
			</colgroup>
			<thead>
				<tr>
					<th>Contact name</th>
					<th>City</th>
					<th>Country</th>
					<th>Is Promoted</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Maria Anders</td>
					<td>Berlin</td>
					<td><img src="images/germanflag.png" alt="logo" />Germany</td>
					<td><input type="checkbox" class="checkbox" name="pr1" value="" disabled="disabled"></td>
				</tr>
				<tr class="alt">
					<td>Ana Trujillo</td>
					<td>México D.F.</td>
					<td><img src="images/mexicanflag.png" alt="logo" />Mexico</td>
					<td><input type="checkbox" name="pr2" value="" disabled="disabled" ></td>
				</tr>
				<tr>
					<td>Antonio Moreno</td>
					<td>México D.F.</td>
					<td><img src="images/mexicanflag.png" alt="logo" />Mexico</td>
					<td><input type="checkbox" name="pr3" value="" checked="checked" disabled="disabled"></td>
				</tr>
				<tr class="alt">
					<td>Thomas Hardy</td>
					<td>London</td>
					<td><img src="images/ukflag.png" alt="logo" />UK</td>
					<td><input type="checkbox" name="pr4" value="" disabled="disabled"></td>
				</tr>
			</tbody>	
		</table>
	</form>
</body>
</html>	